<template>
    <div>
        <p>A组件</p>
        <br><br><br>
        <!--在DOM中进行使用 {{ this.$store.state.count}}-->
        <p>{{ this.$store.state.count}}</p>
        <button @click="incre">+</button>
    </div>
</template>

<script>
    //在A组件中引入store.js
    import store from '@/vuex/store.js'

    export default {
        name: "StoreDemo",
        data() {
            return {}
        },
        methods: {
            incre() {
                //然后再methods 中通知 store.js
                this.$store.commit('increment')
            }
        },
        //将vuex实例暴露出去，以便其他的任何文件进行共享数据
        store,
    }
</script>
